@import "./_variables.scss";

@charset "UTF-8";

/* 触屏版店铺样式类型					*/

.goodsName {
  font-size: 28.125rpx;
  color: #333;

  overflow: hidden;
  text-overflow: ellipsis;
  height: 38px;
}

.goods-info .p {
  color: #06bf04;
  font-size: 30.46875rpx;
  height: 42.1875rpx;
  line-height: 42.1875rpx;
  padding: 23.4375rpx 0rpx;
}

/*订单搜索*/

.sstouch-order-search {
  height: 100%;
  background-color: #FAFAFA;
  form {
    position: relative;
    z-index: 1;
  }
  .input-del {
    position: absolute;
    z-index: 1;
    top: 23.4375rpx;
    left: 75%;
    display: none;
    width: 45.703125rpx;
    height: 45.703125rpx;
    background-image: url(https://test.shopsuite.cn/wap/images/cancel_b.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 60%;
    opacity: 0.4;
  }
  .write .input-del {
    display: block;
  }
  input {
    &[type="text"] {
      display: inline-block;
      width: 72%;
      height: 46.875rpx;
      padding: 9.375rpx;
      margin: 11.71875rpx auto auto 0rpx;
      border: none;
      border-radius: 9.375rpx;
      font-size: 28.125rpx;
      /* background-color: #EEE; */
      line-height: 46.875rpx;
      border: solid 2.34375rpx #DEDEDE;
    }
    &[type="button"] {
      display: inline-block;
      width: 46.875rpx;
      height: 46.875rpx;
      margin-left: 14.0625rpx;
      background-color: transparent;
      background-image: url(https://test.shopsuite.cn/wap/images/store-bg.png);
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 82%;
      opacity: 0.5;
      border: none;
    }
  }
}

/*店铺首页上部*/

.sstouch-store-top {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 210.9375rpx;
  .store-top-bg {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    .img {
      display: block;
      width: 100%;
      height: 100%;
      background-position: 50% 50%;
      background-size: cover;
    }
  }
  .store-top-mask {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.15);
  }
  .store-avatar {
    position: absolute;
    z-index: 3;
    bottom: 14.0625rpx;
    left: 9.375rpx;
    display: block;
    width: 164.0625rpx;
    height: 164.0625rpx;
    image {
      width: 100%;
      height: 100%;
      border-radius: 14.0625rpx;
    }
  }
  .store-name {
    position: absolute;
    z-index: 3;
    top: 93.75rpx;
    left: 187.5rpx;
    width: 375rpx;
    font-size: 32.8125rpx;
    color: #FFF;
    text-shadow: 2.34375rpx 2.34375rpx 0 rgba(0, 0, 0, 0.75);
  }
  .store-favorate {
    position: absolute;
    z-index: 3;
    bottom: 23.4375rpx;
    right: 0;
    display: block;
    width: 117.1875rpx;
    height: 75rpx;
    text-align: center;
    .a {
      display: inline-block;
      vertical-align: bottom;
      width: 50%;
      height: 42.1875rpx;
      padding: 18.75rpx 0;
      background-color: #ED5564;
      font-size: 28.125rpx;
      line-height: 42.1875rpx;
      color: #FFF;
      &.added {
        background-color: #333;
      }
    }
    label {
      display: inline-block;
      vertical-align: bottom;
      width: 100%;
      height: 56.25rpx;
      padding: 11.71875rpx 0;
      background-color: #DB4453;
      font-size: 25.781250000000004rpx;
      line-height: 28.125rpx;
      color: #FFF;
    }
  }
}
